<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div id="app">
        <!--注意点1:使用的数据必须在data中定义 -->
        <!--<div>{{ intro }}</div> -->
        <!--注意点2:插值表达式中不支持语句-->
        <!--<div>{{ if }}</div> -->
        <!--注意点3:标签属性中不支持插值表达式 --><!--<a href="{{ url }}">百度一下</a>-->
        <div>{{money}}</div>
        <div>{{money*0.8+1}}</div>
        <div>{{price< 100?'good':'bad'}}</div>
                <div>{{price>100?price*0.8:price}}</div>
                <a :href="url">百度一下</a>
        </div>
        <script src="https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/vue/2.6.14/vue.min.js"></script>
        <script>
            Vue.config
            const app = new Vue({
                el: '#app',
                data: {
                    money: 100,
                    price: 199,
                    url: 'https://www.baidu.com',
                }
            })
        </script>
</body>

</html>